
<header style="margin-bottom:40px;">
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        <a class="navbar-brand" href="/list">学生信息管理系统</a>
      </div>
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav">
          <li><a href="/list" >首页</a></li>
          <li class="active"><a href="#">学生管理</a></li>
        </ul>
      </div>
    </div>
  </nav>

</header>

<div class="container">
  <h1>修改学生信息</h1>
</div>
<div class="container" id="app">
  <form class="form-horizontal">
    <div class="form-group">
      <label for="name" class="col-sm-2 control-label" >姓名：</label>
      <div class="col-sm-2">
        <input name="name" id="name" class="form-control" placeholder="请填写学生姓名" required="" pattern="^[\u4e00-\u9fa5]{2,4}$" type="text"
          [(ngModel)]="result.name">
      </div>
    </div>
    <div class="form-group">
      <label for="male" class="col-sm-2 control-label">性别：</label>
      <div class="col-sm-3">
        <label class="radio-inline">
            <input name="isMale" id="male" value="1" checked="" type="radio" [(ngModel)]="result.isMale"> 男
          </label>
        <label class="radio-inline">
            <input name="isMale" id="female" value="0" type="radio" [(ngModel)]="result.isMale"> 女
          </label>
      </div>
    </div>
    <div class="form-group">
      <label for="age" class="col-sm-2 control-label">年龄：</label>
      <div class="col-sm-2">
        <select class="form-control" id="age" name="age" [(ngModel)]="result.age">
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
          </select>
      </div>
    </div>
    <div class="form-group">
      <label for="phone" class="col-sm-2 control-label">手机号：</label>
      <div class="col-sm-2">
        <input class="form-control" id="phone" name="phone" placeholder="请填写手机号" required="" pattern="^[1][3-8]\d{9}$" type="tel"
        [(ngModel)]="result.phone">
      </div>
    </div>
    <div class="form-group">
      <label for="email" class="col-sm-2 control-label">电子邮箱：</label>
      <div class="col-sm-3">
        <input class="form-control" id="email" name="email" placeholder="请输入电子邮箱地址" required="" type="email" [(ngModel)]="result.email">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">备注：</label>
      <div class="col-sm-7">
        <textarea class="form-control" rows="7" placeholder="请填写学生其它信息" ></textarea>
      </div>
    </div>
    <div class="form-group">
      <label for="" class="col-sm-2 control-label"></label>
      <div class="col-sm-2">
        <input class="btn btn-primary btn-block" value="确认修改" type="submit" (click)="xiuClick(result,$event)">
      </div>
    </div>
  </form>
</div>